<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/modules/header.css">
    <link rel="stylesheet" href="/css/modules/footer.css">
    <link rel="stylesheet" href="/css/list.css">
</head>

<body>
    <header></header>
    <div>&gt;<a href="/index.html">首页</a></div>
    <div class="list-content">
        <select name="" id="">
            <option value="">彩妆专区</option>
            <option value="">护肤专区</option>
            <option value="">香水专区</option>
        </select>
        <div class="list-list" id="list-list0"></div>
        <div class="list-list" id="list-list1"></div>
        <div class="list-list" id="list-list2"></div>
        <div class="list-list" id="list-list3"></div>
        <div class="list-list" id="list-list4"></div>
        <script type="text/html" id="list-list-template">
            <div class='select'>
                <div class="list-left">
                    <p>{{select}}</p>
                </div>
                <div class="select-box">
                    {{each list item}}
                    <a href="/html/shop.html?id={{item.id}}">
                    <div class="list-right">
                        <img src="{{item.image}}" alt="">
                        <p>{{item.title.slice(0,8)}}</p>
                        <span>￥{{item.price}}</span>
                        <select name="" id="">
                            <option value="">#2 白皙肤色</option>
                        </select>
                    </div>
                </a>
                    {{/each}}
                </div>
            </div>
        </script>
        <footer></footer>
        <script src="/libs/require.js" data-main="/js/list.js"></script>
</body>

</html>